<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="../js/jquery.js"></script>
  </head>
  <body>
    <script>
      // jq:jquery是js的一个框架；基于js来写的；
      // write less do more
      // vue react mvvm
      // jq 简化了原生js的写法，思路没有太大差别

      // 一、jq引入 cdn 地址；http://libs.baidu.com/jquery/2.0.0/jquery.min.js
      // 二、jq的文档；https://jquery.cuishifeng.cn/
      // jq 会对外暴露一个 $ 符号 ，jq的所有操作都会基于这个$符号；
      // 三、文档加载完毕之后执行代码；
      // window.onload = function(){
      //     console.log("文档和资源加载完毕");
      // }
      // // console.log($);
      // // fn();fn.get();
      // jq里文档加载完毕
      // $(document).ready(function(){
      //     console.log("文档加载完毕");
      // })
      // 简写；
      // $(function(){
      //     console.log("文档加载完毕");
      // })

      // jq里的ready方法等同于 js里DOMContentLoaded方法；
      window.onload = function () {
        console.log("文档和资源加载完毕");
      };

      window.addEventListener("DOMContentLoaded", function () {
        console.log("文档加载完毕");
      });
    </script>
  </body>
</html>
